import Vue from "vue";
import store from "./store";
import api from "./api/install";
Vue.use(api);
import utils from "@/utils/utils";
import i18n from "./i18n/i18n";
import "./utils/rem";
import defaultImg from "@/utils/defaultImg";
Vue.use(defaultImg);
// import './assets/styles/global.scss';

import App from "./App.vue";
import router from "./router";
// import animate from "animate.css";
import "@/assets/svg_icon";

import {
  Avatar,
  Input,
  Button,
  Switch,
  Image,
  Icon,
  InfiniteScroll,
  Pagination,
  MessageBox,
  Message,
  Notification,
  Popover,
  Tooltip,
  Dialog,
  Container,
  Tabs,
  TabPane,
  Carousel,
  CarouselItem,
  Drawer,
  Checkbox,
  // CheckboxGroup,
} from "element-ui";

Vue.use(Avatar)
  .use(Image)
  .use(Icon)
  .use(Pagination)
  .use(InfiniteScroll)
  .use(Input)
  .use(Button)
  .use(Switch)
  .use(Popover)
  .use(Tooltip)
  .use(Dialog)
  .use(Container)
  .use(Tabs)
  .use(TabPane)
  .use(Carousel)
  .use(CarouselItem)
  .use(Drawer)
  .use(Checkbox);
// .use(CheckboxGroup);

Vue.config.productionTip = false;
Vue.prototype.utils = utils;

Vue.prototype.$msgbox = MessageBox;
Vue.prototype.$alert = MessageBox.alert;
Vue.prototype.$confirm = MessageBox.confirm;
Vue.prototype.$prompt = MessageBox.prompt;
Vue.prototype.$notify = Notification;
Vue.prototype.$message = Message;

new Vue({
  router,
  store,
  i18n,
  render: (h) => h(App),
}).$mount("#app");
